<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>过滤器测试</title>
    </head>
    <body>
        <h1 align="center">hello filter</h1>
        使用竖线过滤器，类似于Linux中的|，其作用是将前面的变量的值传到后面的命令去执行，最终的结果将被渲染
        <br>
        <!-- 这里使用''包围，以表示在\{}\}中的是字符串 -->
        <h1 align="center">{{ 'hello_world' | upper }}</h1>
        <h1 align="center">{{ 'hello_world' | title }}</h1>
        <h1 align="center">{{ data.url | urlize }}</h1>
        <h1 align="center">这是自定义的过滤器的示例，数据为：{{ data.list }}，结果为{{ data.list | my_filter }}</h1>
    </body>
</html>